<template>
  <el-container>
  </el-container>
  <div style="width: 880px;">
        <el-card style="height: 130px; display: flex; align-items: center; width: 880px">
          <div style="margin:-25px 0 0 5px; width: 1200px">
            <el-avatar src="/plant-1.png" :size="90" style="border: #2c3e50; "></el-avatar>
          </div>
          <h1 style="font-size: 20px ;position:relative;margin: -90px 0 0 120px">用户599085818810</h1>
          <p style="margin: 10px 0 0 120px">
            580 掘力值 |
            在掘金创作的第 10 天</p>
        </el-card>
        <el-card style="position: relative;top: 10px;height: 460px">
          <div style="position: relative;top: -5px;font-size: 20px">数据概览
           <el-icon style="position: relative;top: 5px"
                    type="search" :title="'每日中午12点左右更新昨日数据，--表示无变化。'">
             <QuestionFilled /></el-icon>
            <span style="font-size: 15px ;position: relative;margin: 5px  0 0 650px; cursor: default;"
                  @click="logcontentData">
              查看更多 <el-icon style="margin: 5px -5px 0 0 " ><ArrowRight /></el-icon></span>
          </div>

          <hr>
          <el-container style="position: relative;left: 30px;top: 30px">
            <div style="position: relative;margin-left: 80px">总注册天数
              <h1 style=" position: relative;font-size: 50px;margin: 0">7</h1>
              较前日 +1
            </div>
            <div style="position: relative;margin: 0 auto">文章展现数
              <el-icon style="position: relative;top: 3px"><Male /></el-icon>
              <h1 style="position: relative;font-size: 50px;margin: 0">80</h1>
              较前日 +16
            </div>
            <div style="position: relative;margin-right: 140px">文章阅读数
              <h1 style="position: relative;font-size: 50px;margin: 0">15</h1>
              较前日 +3
            </div>
          </el-container>
          <el-container style="position: relative;left: 30px;top: 100px">
            <div style="position: relative;margin-left: 80px">文章点赞数
              <h1 style="position: relative;font-size: 50px;margin: 0">265</h1>
              较前日 +18
            </div>
            <div style="margin: 0 180px">文章评论数
              <h1 style="position: relative;font-size: 50px;margin: 0">7</h1>
              较前日 +3
            </div>
            <div style="margin-left: 15px">文章收藏数
              <h1 style="position: relative;font-size: 50px;margin: 0">4</h1>
              较前日 +1
            </div>
          </el-container>
        </el-card>

        <el-card style="position: relative;top: 20px;">
          <div style="position: relative;font-size: 20px">创作任务</div>
          <hr>
          <el-container>
            <el-card style="width: 500px;height: 120px;">
              <div style="font-size: 20px;top: 5px;">首次成功发布文章 (>400字)
                <el-icon style="position: relative;top:4px"><QuestionFilled /></el-icon></div>
              <div style="font-size: 16px;right: 100px;margin-top: 15px">奖励矿石 5000</div>
              <el-button style="position: relative;bottom: 8px;
              left: 250px;width: 110px" type="primary" round
              @click="logtext"
              >去完成</el-button>
            </el-card>
            <el-card style="width: 500px;height: 120px;margin-left: 5px">
              <div style="font-size: 20px;top: 5px;">首次用AI发布文章
                <el-icon style="position: relative;top: 4px"><QuestionFilled /></el-icon></div>
              <div style="font-size: 16px;right: 100px;margin-top: 15px">奖励矿石 5000</div>
              <el-button style="position: relative;bottom: 8px;
              left: 250px;width: 110px" type="primary" round
              @click="logtext1"
              >去完成</el-button>
            </el-card>
          </el-container>
        </el-card>
        <el-card style="position: relative; top: 30px">
          <div style="font-size: 20px">近期发布
            <el-icon style="position: relative;top: 4px"><QuestionFilled /></el-icon></div>
          <el-tabs type="card" style="margin-top: 10px" >
            <el-tab-pane label="文章">
              <div style="display: flex; flex-direction: column; align-items: center;">
                <el-empty description="这里什么都没有"/>
                <el-button type="primary" plain style="margin-top: 10px;" @click="logtext">开始创作</el-button>
              </div>
            </el-tab-pane>

            <el-tab-pane label="沸点">
              <div style="display: flex; flex-direction: column; align-items: center;">
              <el-empty  description="这里什么都没有"/>
              <el-button type="primary" plain style="margin-top: 10px">发沸点</el-button>
            </div>
            </el-tab-pane>

          </el-tabs>
        </el-card>


  </div>
</template>

<script setup>


import router from "@/router";

const logcontentData= ()=>{
  router.push('/creation/ContentData')
}
const logtext= ()=>{
  router.push('/text')
}
const logtext1= ()=>{
  router.push('/text2')
}
</script>

<style scoped>

</style>